<!-- 列表页面 -->
<template>
	 <z-paging ref="paging" v-model="tabList" :default-page-size="row"  
	 	@onRefresh="onRefresh" @query="getList" auto-show-system-loading auto-show-back-to-top>
	        <view class="item" v-for="(item,index) in dataList" :key="index">
	            <view class="item-title">{{item.title}}</view>
	        </view>
	    </z-paging>
</template>

<script>
	import * as index from '@/api/index.js'
	export default {
		data() {
			return {
				row:10,
				 tabList: []
			}
		},
		onLoad() {

		},
		onShow() {
		
		},
		methods: {
			// 下拉刷新被触发
			onRefresh() {
				// 告知z-paging下拉刷新结束，这样才可以开始下一次的下拉刷新
				setTimeout(() => {
					this.$tools.toast('刷新成功～')
				}, 500)
			},
			// @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
			getList(pageNo, pageSize) {
				// this.$refs.paging.complete([{title:'这是什么'},{title:'这是什么1'},{title:'这是什么2'}]);
				// this.$refs.paging.complete(false);
				setTimeout(res=>{
					// this.$refs.paging.complete([{title:'这是什么'},{title:'这是什么1'},{title:'这是什么2'}]);
					// 调取i详情接口
					this.$refs.paging.complete([]);
				},5000)
			}
		}
	}
</script>

<style scoped lang="scss">
	
</style>